﻿<%@ Page Language="C#" ValidateRequest="false" Inherits="FrontBasePage" %>
<%@ Import Namespace="Whir.Framework" %>
<%@ Import Namespace="Whir.Service" %>
<%@ Import Namespace="Whir.Label" %>
<script type="text/C#" runat="server">
/*

 *描述： 本文件由ezEIP模板发布引擎生成，请勿直接更改此文件！！ 

 *模板路径：C:\Z_中濠酒店集团（深圳）有限公司\pc\template\旗下品牌_详情.shtml

 *生成时间：2020-06-18 17:20:25

 */

public Whir.Domain.Column PageColumn ; 
public Whir.Domain.SiteInfo PageSiteInfo ; 
public string columnid="",lcid=""; 
protected void Page_Load(object sender, EventArgs e){
    columnid=Server.UrlDecode(RequestUtil.Instance.GetQueryString("columnid"));

lcid=Server.UrlDecode(RequestUtil.Instance.GetQueryString("lcid"));

 
    PageColumn = ServiceFactory.ColumnService.SingleOrDefault<Whir.Domain.Column>(115);
    PageSiteInfo = ServiceFactory.SiteInfoService.SingleOrDefault<Whir.Domain.SiteInfo>(2);
    Whir.Label.LabelHelper.Instance.SerColumnAndSiteInfoToChildControl(this, PageSiteInfo, PageColumn); 
    DataBind();
}
</script><!DOCTYPE html>
<html lang="zh-cn">
<head>
<!-- head Start-->
<wtl:include runat="server"      filename="head.html"></wtl:include>
<!-- head end -->
<wtl:Menu runat="server"  columnid='<%#PageColumn.ColumnId.ToInt()%>' OnlyOne="true"><ItemTemplate>
<script type="text/javascript">
   //定义栏目ID
   var navID = '<%# Container.DataRow["ColumnId"].ToReplace() %>';
</script>
</ItemTemplate></wtl:Menu>

</head>
<body>
<!--top-->
<wtl:include runat="server"       filename="top.html"></wtl:include>
<!--top End-->
<div class="Banner">
	<!--banner-->
	<wtl:list runat="server"  sql="select top 1 Image from whir_u_content_category where typeid=150 and whir_u_content_category_pid={0}" sql0='<%#RequestHelper.ReplaceDangerWord(Whir.Label.LabelHelper.Instance.ReplaceEmpty(lcid,"0"),"")%>'><ItemTemplate>
	<div class="BannerImg" style="background-image: url(<%=Whir.ezEIP.Web.SysManagePageBase.Insten.UploadFilePath %><%# Container.DataRow["Image"].ToReplace() %>)"></div>
	</ItemTemplate></wtl:list>
	<!--banner End-->
	
	<div class="Banbox">
		<div class="txtBox">
			<wtl:category runat="server"  sql="select * from Whir_U_Content_Category where Whir_U_Content_Category_PId={0} and IsDel=0" sql0='<%#RequestHelper.ReplaceDangerWord(lcid,"")%>'><ItemTemplate>
			<h3 class="h3"><%# Container.DataRow["EnglishName"].ToReplace() %></h3>
			<h4 class="h4 Pfsc"><%# Container.DataRow["CategoryName"].ToReplace() %></h4>
			</ItemTemplate></wtl:category>
			<wtl:inforarea runat="server" ><ItemTemplate>			<div class="txt Pfsc">—<%# Container.DataRow["Title"].ToReplace() %>—</div>
			</ItemTemplate></wtl:inforarea>
			<i class="icon"> <span></span></i>
		</div>
	</div>
</div>
<script>
var wh=$(window).outerHeight(true);
$('.Banner').height($(window).outerHeight(true));

setTimeout(function(){
	$('.Banner').addClass('active');	
},300);
</script>
<!-- banner -->
<div class="Main Product">
	<wtl:inforarea runat="server" ><ItemTemplate>	<div class="ProductF">
		<div class="ProductFbg">
			<div class="w1200">
				<div class="ProductBox Pfsc">
					<div class="left">
						<i class="icon"></i>
						<div class="leftBox">
							<h3 class="h3">Hotel Introduction</h3>
							<h3 class="h3">酒店简介</h3>
						</div>
						<i class="icon icon1"></i>
					</div>
					<div class="right">
						<%# Container.DataRow["Content"].ToReplace() %>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="ProductBottom">
		<div class="ZJMultilinkage">
			<div class="list_img">
		        <!--/*大图*/-->
				<div class="big_img">
		              
				</div>
		        <!--/*大图 end*/-->
				<!--/*小图*/-->
				<div class="list">
					<div class="bd">                  

					</div>						
				</div>
				<!--/*小图 end*/-->
				<div class="listBtn">
					<a class="prev"></a>
					<a class="next on"></a>
				</div>

		        <!-- 数据  大图和小图的数据是可以分开的。只要重新定义一个变量保存数据就看了-->
				<div class="ZJMultilinkageul" style="display: none;">
					<ul class="ul listul">
						<wtl:list runat="server"  nulltip="" columnid="116" needpage="false" where="IsDel=0" categoryid='<%# Container.DataRow["Whir_U_Content_PId"].ToReplace() %>' order="sort desc,createdate desc"><ItemTemplate>
						<li>						
							<div class="imgbox">
								<div class="img">
									<img src="<%=Whir.ezEIP.Web.SysManagePageBase.Insten.UploadFilePath %><%# Container.DataRow["Image"].ToReplace() %>">
								</div>
							</div>
							<div class="w1440">
								<div class="titlebox">
									<div class="txt">
										<h3 class="h3 Pfsc"><%# Container.DataRow["Title"].ToReplace() %></h3>
										<div class="txtBox Pfsc"><%# Container.DataRow["BriefIntroduction"].ToReplace() %></div>	
										<a href="javascript:;" class="more Pfsc">更多图片和详情</a>
										<div class="moreBox">
											<div class="moreBoxHide">
												<div class="ZJMultilinkage1">
													<div class="list_img_b">
														<!--/*大图*/-->
														<div class="big_img_b">
															<ul class="ul">
																<wtl:many runat="server"  splitstr='<%# Container.DataRow["ImageUrl"].ToReplace() %>' Split="*"><ItemTemplate>
																<li>
																	<div class="Ispic imgBox">
																		<img src="<%=Whir.ezEIP.Web.SysManagePageBase.Insten.UploadFilePath %><%# Container.DataRow["value"].ToReplace() %>" alt="">
																	</div>
																</li>
																</ItemTemplate></wtl:many>
															</ul>
														</div>
														<!--/*大图 end*/-->
														<!--/*小图*/-->
														<div class="list_b">
															<a class="prev btnA"></a>
															<div class="bdb">
																<ul class="ul">
																	<wtl:many runat="server"  splitstr='<%# Container.DataRow["ImageUrl"].ToReplace() %>' Split="*"><ItemTemplate>
																	<li>
																		<div class="Ispic imgBox">
																			<img src="<%=Whir.ezEIP.Web.SysManagePageBase.Insten.UploadFilePath %><%# Container.DataRow["value"].ToReplace() %>" alt="">
																		</div>
																	</li>
																	</ItemTemplate></wtl:many>               
																</ul>
															</div>
															<a class="next btnA"></a>
														</div>
														<!--/*小图 end*/-->
													</div>
												</div>
												<div class="rbox">
													<div class="titleb">
														<h3 class="h3 Pfsc"><%# Container.DataRow["Title"].ToReplace() %></h3>
														<h4 class="h4 Pfsc"><%# Container.DataRow["EnTitle"].ToReplace() %></h4>
													</div>
													<div class="rboxInfoF">
														<h3 class="h3">客房特色信息</h3>
														<dl class="dl">
															<dd class="dd1"> <%# Container.DataRow["Bed"].ToReplace() %></dd>
															<dd class="dd2"> <%# Container.DataRow["Bed"].ToReplace() %></dd>
															<dd class="dd3"> <%# Container.DataRow["RoomType"].ToReplace() %></dd>
															<dd class="dd4"> <%# Container.DataRow["Network"].ToReplace() %></dd>
															<dd class="dd5"> <%# Container.DataRow["AirConditioning"].ToReplace() %></dd>
															<dd class="dd6"> <%# Container.DataRow["Bath"].ToReplace() %></dd>
															<div class="clear"></div>
														</dl>
													</div>
													<div class="rboxB">
														<h3 class="h3">其他信息</h3>
														<div class="rtxt">
															<%# Container.DataRow["Content"].ToReplace() %>
														</div>
													</div>
												</div>
												<div class="clear"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</li>
						</ItemTemplate></wtl:list>	
					</ul>
				</div>  
				
				<div class="ZJMultilinkageulsj" style="display: none;">
					<ul class="ul listul Pfsc">
						<wtl:list runat="server"   nulltip="" columnid="116" needpage="false" where="IsDel=0" categoryid='<%# Container.DataRow["Whir_U_Content_PId"].ToReplace() %>' order="sort desc,createdate desc"><ItemTemplate>
						<li>
							<div class="Ispic imgBox">
								<wtl:many runat="server"  splitstr='<%# Container.DataRow["ImageUrl"].ToReplace() %>' Split="*" count="1"><ItemTemplate>
								<img src="<%=Whir.ezEIP.Web.SysManagePageBase.Insten.UploadFilePath %><%# Container.DataRow["value"].ToReplace() %>" alt="">
								</ItemTemplate></wtl:many>
								<div class="txt"><%# Container.DataRow["Title"].ToReplace() %></div>
							</div>
						</li>
						</ItemTemplate></wtl:list>	             
					</ul>
				</div>                
		        <!-- 数据 -->
		      </div>
		</div>
	</div>
	</ItemTemplate></wtl:inforarea>
</div>


<!-- 弹出层 -->
<div class="Mask">
   <div class="MaskBox"><a class="MaskClore" href='javascript:;'><span>close</span></a>
		<div class="MaskWarp">
			
		</div>	
   </div>
</div>
<!-- 弹出层 -->


<script>

$('.ProductBox .icon1').height( $('.ProductBox').outerHeight(true)-$('.ProductBox .leftBox').outerHeight(true,true)-10);

window.onload=function(){
	var ZJMultilinkage=function(obj){
		var ZJMultilinkageul = obj.find('.ZJMultilinkageul').html();  //数据
		var ZJMultilinkageulsj = obj.find('.ZJMultilinkageulsj').html();  //数据
		obj.find('.big_img').html(ZJMultilinkageul);  //加数据
		obj.find('.list .bd').html(ZJMultilinkageulsj); //加数据
		var imgh=obj.find('.list_img .imgBox img').height();
		var imgh1=obj.find('.list .imgBox img').height();
		obj.find('.list_img .imgBox img').css({'height':imgh +'px'});
		obj.find('.list .imgBox img').css({'height':imgh1 +'px'});
		// alert(imgh);
		function ZJMultilinkageplugin(){
			obj.find(".list_img").slide({mainCell:".bd .listul", effect:"top",vis:7, autoPage:true,pnLoop:false});
			obj.find(".list_img").slide({mainCell:".big_img .listul", titCell:".bd li", effect:"left",pnLoop:false,vis:"auto"});
		}
		ZJMultilinkageplugin();
	}
	ZJMultilinkage($('.ZJMultilinkage'));
 



	$('.ZJMultilinkage .listBtn a').click(function(){
		$(this).addClass('on').siblings('a').removeClass('on');
	});


// 点击显示

	$('.ProductBottom .ZJMultilinkage .titlebox .more').click(function(){
		var _this=$(this);
	    var hdoc=$(document).height();
	    var wdoc=$(document).width();
	    $('.Mask').css({"height":hdoc,"width":wdoc});
	    $('.Mask').show();
	    var windowH=$(window).outerHeight(true,true);
	    var MaskBoxH=$('.MaskBox').height();
		$('.MaskBox').css({'margin-top':( (windowH-MaskBoxH)/2) +'px'});
		var _html=_this.next('.moreBox').html();
		$('.MaskWarp').append(_html);

		var ZJMultilinkage1=function(obj){

			function ZJMultilinkageplugin1(){
				obj.find(".list_img_b").slide({mainCell:".bdb .ul", effect:"left",vis:4, autoPage:true,pnLoop:false});
				obj.find(".list_img_b").slide({mainCell:".big_img_b .ul", titCell:".bdb li", effect:"left",pnLoop:false,vis:"auto"});
			}
			ZJMultilinkageplugin1();
		}

		ZJMultilinkage1($('.MaskWarp .ZJMultilinkage1'));

	});

	$(".Mask  a.MaskClore").click(function(){
	    $('.Mask').hide();
	    $('.MaskWarp').empty();
	});

}



</script>
<!--bottom-->
<wtl:include runat="server"       filename="bottom.html"></wtl:include>
<!--bottom End-->
</body>
</html>